<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>B-JUI 客户端框架</title>
<meta name="Keywords" content="B-JUI,Bootstrap,DWZ,jquery,ui,前端,框架,开源,OSC,开源框架,knaan"/>
<meta name="Description" content="B-JUI, Bootstrap for DWZ富客户端框架，基于DWZ富客户端框架修改。主要针对皮肤，编辑器，表单验证等方面进行了大量修改，引入了Bootstrap，Font Awesome，KindEditor，jquery.validationEngine，iCheck等众多开源项目。交流QQ群：232781006。"/> 
<!-- bootstrap - css -->
<link href="assets/themes/css/bootstrap.css" rel="stylesheet">
<!-- core - css -->
<link href="assets/themes/css/style.css" rel="stylesheet">
<link href="assets/themes/blue/core.css" id="bjui-link-theme" rel="stylesheet">
<!-- plug - css -->
<link href="assets/plugins/kindeditor_4.1.10/themes/default/default.css" rel="stylesheet">
<link href="assets/plugins/colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
<link href="assets/plugins/niceValidator/jquery.validator.css" rel="stylesheet">
<link href="assets/plugins/bootstrapSelect/bootstrap-select.css" rel="stylesheet">
<link href="assets/themes/css/FA/css/font-awesome.min.css" rel="stylesheet">
<!--[if lte IE 7]>
<link href="assets/themes/css/ie7.css" rel="stylesheet">
<![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lte IE 9]>
    <script src="assets/other/html5shiv.min.js"></script>
    <script src="assets/other/respond.min.js"></script>
<![endif]-->
<!-- jquery -->
<script src="assets/js/jquery-1.11.3.min.js"></script>
<script src="assets/js/jquery.cookie.js"></script>
<!--[if lte IE 9]>
<script src="assets/other/jquery.iframe-transport.js"></script>    
<![endif]-->
<!-- assets.all 分模块压缩版 
<script src="assets/js/bjui-all.js"></script>-->
<!-- 以下是B-JUI的分模块未压缩版，建议开发调试阶段使用下面的版本 -->
<script src="assets/js/bjui-core.js"></script>
<script src="assets/js/bjui-regional.zh-CN.js"></script>
<script src="assets/js/bjui-frag.js"></script>
<script src="assets/js/bjui-extends.js"></script>
<script src="assets/js/bjui-basedrag.js"></script>
<script src="assets/js/bjui-slidebar.js"></script>
<script src="assets/js/bjui-contextmenu.js"></script>
<script src="assets/js/bjui-navtab.js"></script>
<script src="assets/js/bjui-dialog.js"></script>
<script src="assets/js/bjui-taskbar.js"></script>
<script src="assets/js/bjui-ajax.js"></script>
<script src="assets/js/bjui-alertmsg.js"></script>
<script src="assets/js/bjui-pagination.js"></script>
<script src="assets/js/bjui-util.date.js"></script>
<script src="assets/js/bjui-datepicker.js"></script>
<script src="assets/js/bjui-ajaxtab.js"></script>
<script src="assets/js/bjui-datagrid.js"></script>
<script src="assets/js/bjui-tablefixed.js"></script>
<script src="assets/js/bjui-tabledit.js"></script>
<script src="assets/js/bjui-spinner.js"></script>
<script src="assets/js/bjui-lookup.js"></script>
<script src="assets/js/bjui-tags.js"></script>
<script src="assets/js/bjui-upload.js"></script>
<script src="assets/js/bjui-theme.js"></script>
<script src="assets/js/bjui-initui.js"></script>
<script src="assets/js/bjui-plugins.js"></script>

<!-- plugins -->
<!-- swfupload for uploadify && kindeditor -->
<script src="assets/plugins/swfupload/swfupload.js"></script>
<!-- kindeditor -->
<script src="assets/plugins/kindeditor_4.1.10/kindeditor-all.min.js"></script>
<script src="assets/plugins/kindeditor_4.1.10/lang/zh_CN.js"></script>
<!-- colorpicker -->
<script src="assets/plugins/colorpicker/js/bootstrap-colorpicker.min.js"></script>
<!-- ztree -->
<script src="assets/plugins/ztree/jquery.ztree.all-3.5.js"></script>
<!-- nice validate -->
<script src="assets/plugins/niceValidator/jquery.validator.js"></script>
<script src="assets/plugins/niceValidator/jquery.validator.themes.js"></script>
<!-- bootstrap plugins -->
<script src="assets/plugins/bootstrap.min.js"></script>
<script src="assets/plugins/bootstrapSelect/bootstrap-select.min.js"></script>
<script src="assets/plugins/bootstrapSelect/defaults-zh_CN.min.js"></script>
<!-- icheck -->
<script src="assets/plugins/icheck/icheck.min.js"></script>
<!-- tmpl解析器 -->
<script src="assets/plugins/other/jquery.tmpl.js"></script>
<!-- init -->
<script type="text/javascript">
$(function() {
    BJUI.init({
        JSPATH       : 'assets/',         //[可选]框架路径
        PLUGINPATH   : 'assets/plugins/', //[可选]插件路径
        loginInfo    : {url:'login_timeout.html', title:'登录', width:400, height:200}, // 会话超时后弹出登录对话框
        statusCode   : {ok:200, error:300, timeout:301}, //[可选]
        ajaxTimeout  : 50000, //[可选]全局Ajax请求超时时间(毫秒)
        pageInfo     : {total:'total', pageCurrent:'pageCurrent', pageSize:'pageSize', orderField:'orderField', orderDirection:'orderDirection'}, //[可选]分页参数
        alertMsg     : {displayPosition:'middlecenter', displayMode:'none', alertTimeout:3000}, //[可选]信息提示的显示位置，显隐方式，及[info/correct]方式时自动关闭延时(毫秒)
        keys         : {statusCode:'statusCode', message:'message'}, //[可选]
        ui           : {
                         windowWidth      : 0,    //框架可视宽度，0=100%宽，> 600为则居中显示
                         showSlidebar     : true, //[可选]左侧导航栏锁定/隐藏
                         clientPaging     : true, //[可选]是否在客户端响应分页及排序参数
                         overwriteHomeTab : false //[可选]当打开一个未定义id的navtab时，是否可以覆盖主navtab(我的主页)
                       },
        debug        : true,    // [可选]调试模式 [true|false，默认false]
        theme        : 'sky' // 若有Cookie['bjui_theme'],优先选择Cookie['bjui_theme']。皮肤[五种皮肤:default, orange, purple, blue, red, green]
    })

    
})

</script>
<style>
						.nav-menu {
							padding-top:5px;
							display:none;
						}
						.nav-menu li{
							padding:8px 0px;
							font-size:15px;
							border:1px solid #F3F3F3;
							border-left:2px solid transparent;
							border-right:none;
							margin:5px 0;
							color:#444;
							transition:margin-left 0.5s;
							-webkit-transition:margin-left 0.5s; /* Safari */
						}
						.nav-menu li.active{
							border-left:2px solid #11629A;
							background:#ECF1F5;
						}
						.nav-menu li:hover{
							cursor:pointer;
							color:#333;
							border-left:2px solid #11629A;
							margin-left:30px;
						}
						.nav-menu li>i{
							padding:0 20px 0 30px;
						}
						.nav-menu li>span{
							float:right;
							margin-right:5px;
						}
					</style>
</head>
<body>
    <!--[if lte IE 7]>
        <div id="errorie"><div>您还在使用老掉牙的IE，正常使用系统前请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
    <![endif]-->
    <div id="bjui-window">
    <header id="bjui-header">
        <div class="bjui-navbar-header">
            <button type="button" class="bjui-navbar-toggle btn-default" data-toggle="collapse" data-target="#bjui-navbar-collapse">
                <i class="fa fa-bars"></i>
            </button>
            <a class="bjui-navbar-logo" href="#"><img src="images/logo.png"></a>
        </div>
        <nav id="bjui-navbar-collapse">
            <ul class="bjui-navbar-right">
                <li class="datetime"><div><span id="bjui-date"></span> <span id="bjui-clock"></span></div></li>
                <li><a href="#">消息 <span class="badge">4</span></a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">我的账户 <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="changepwd.html" data-toggle="dialog" data-id="changepwd_page" data-mask="true" data-width="400" data-height="260">&nbsp;<span class="glyphicon glyphicon-lock"></span> 修改密码&nbsp;</a></li>
                        <li><a href="#">&nbsp;<span class="glyphicon glyphicon-user"></span> 我的资料</a></li>
                        <li class="divider"></li>
                        <li><a href="login.html" class="red">&nbsp;<span class="glyphicon glyphicon-off"></span> 注销登陆</a></li>
                    </ul>
                </li>
                <li><a href="index.html" title="切换为列表导航(窄版)" style="background-color:#ff7b61;">列表导航栏(窄版)</a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle theme blue" data-toggle="dropdown" title="切换皮肤"><i class="fa fa-tree"></i></a>
                    <ul class="dropdown-menu" role="menu" id="bjui-themes">
                        <li><a href="javascript:;" class="theme_default" data-toggle="theme" data-theme="default">&nbsp;<i class="fa fa-tree"></i> 黑白分明&nbsp;&nbsp;</a></li>
                        <li><a href="javascript:;" class="theme_orange" data-toggle="theme" data-theme="orange">&nbsp;<i class="fa fa-tree"></i> 橘子红了</a></li>
                        <li><a href="javascript:;" class="theme_purple" data-toggle="theme" data-theme="purple">&nbsp;<i class="fa fa-tree"></i> 紫罗兰</a></li>
                        <li class="active"><a href="javascript:;" class="theme_blue" data-toggle="theme" data-theme="blue">&nbsp;<i class="fa fa-tree"></i> 天空蓝</a></li>
                        <li><a href="javascript:;" class="theme_green" data-toggle="theme" data-theme="green">&nbsp;<i class="fa fa-tree"></i> 绿草如茵</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div id="bjui-hnav">
            <button type="button" class="btn-default bjui-hnav-more-left" title="导航菜单左移"><i class="fa fa-angle-double-left"></i></button>
            <div id="bjui-hnav-navbar-box">
                <ul id="bjui-hnav-navbar">
					
                </ul>
            </div>
            <button type="button" class="btn-default bjui-hnav-more-right" title="导航菜单右移"><i class="fa fa-angle-double-right"></i></button>
        </div>
    </header>
    <div id="bjui-container">
        <div id="bjui-leftside">
            <div id="bjui-sidebar-s">
                <div class="collapse"></div>
            </div>
            <div id="bjui-sidebar">
                <div class="toggleCollapse"><h2><i class="fa fa-bars"></i> 导航栏 <i class="fa fa-bars"></i></h2><a href="javascript:;" class="lock"><i class="fa fa-lock"></i></a></div>
                <div class="panel-group panel-main" id="bjui-nav-menu">
					
                </div>
            </div>
        </div>
        <div id="bjui-navtab" class="tabsPage">
            <div class="tabsPageHeader">
                <div class="tabsPageHeaderContent">
                    <ul class="navtab-tab nav nav-tabs">
                        <li data-url="main.html"><a href="javascript:;"><span><i class="fa fa-home"></i> #maintab#</span></a></li>
                    </ul>
                </div>
                <div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>
                <div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>
                <div class="tabsMore"><i class="fa fa-angle-double-down"></i></div>
            </div>
            <ul class="tabsMoreList">
                <li><a href="javascript:;">#maintab#</a></li>
            </ul>
            <div class="navtab-panel tabsPageContent">
                <div class="navtabPage unitBox">
                    <div class="bjui-pageContent" style="background:#FFF;">
                        Loading...
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer id="bjui-footer">Copyright &copy; 2013 - 2015　<a href="http://www.cdjinyang.com/" target="_blank">成都锦杨科技</a>　
        <!--  
        <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1252983288'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s23.cnzz.com/stat.php%3Fid%3D1252983288%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
        -->
    </footer>
    </div>
	<script>
	$(function(){
		//获取后台菜单数据
		$.get("./menu.json",function(data){
			var menu_list_html = '';
			//迭代一级菜单
			$.each(data, function(i){
                var pid = this.id;
				var active = i==0?'active':'';
				menu_list_html += '<li class="'+active+'"><a href="javascript:;"><i class="'+this.icon+'"></i> '+this.name+'</a>';
				//迭代二级菜单
				var display = i==0?'display:block':'display:none';
				var zmenu_list_html = '<ul class="nav-menu">';
				$.each(this.ms, function(i){
					var zactive = i==0?'active':'';
					var add_html = typeof(this.isadd)!="undefined"&&this.isadd?'<span class="fa fa-plus-circle" data-url="'+this.addurl+'"></span>':'<span class="fa fa-angle-right"></span>';
					zmenu_list_html += '<li id="'+pid+'" class="'+zactive+'" data-url="'+this.url+'" title="'+this.name+'"><i class="'+this.icon+'"></i>'+this.name+add_html+'</li>';
				});
				menu_list_html += zmenu_list_html+"</ul></li>";
			});
			$("ul#bjui-hnav-navbar").html(menu_list_html);
            //默认模拟点击第一个菜单
            $("#bjui-hnav-navbar>li").eq(0).trigger("click");
		},"json");

		//点击一级菜单切换二级菜单
		$(document).on("click","#bjui-hnav-navbar>li", function(){
            $("#bjui-nav-menu").html($(this).find("ul").prop("outerHTML"));
			$("#bjui-nav-menu>ul.nav-menu").show();
			$(this).siblings().removeClass("active").end().addClass("active");
		});

		//点击二级菜单加载数据
		$(document).on("click","#bjui-nav-menu>ul.nav-menu>li", function(event){
			var t = new Date().getTime();
			$(this).siblings().removeClass("active").end().addClass("active");
			var id = $(this).attr("id");
			var icon = $(this).find("i").attr("class");
			$("#bjui-navtab").navtab({id:id, url:$(this).attr("data-url")+"?"+t, title:$(this).attr("title"), fresh:true, icon:icon});
		});
	});

	</script>
</body>
</html>